<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page language="java" import="java.sql.*,java.io.*,java.util.*"%>
<%@ page import="java.lang.String"%>
<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.DriverManager" %>
<%@ page import="java.sql.Statement" %>
<%@ page import="java.sql.ResultSet" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>失物招领平台</title>
    <link href="${pageContext.request.contextPath}/css/bootstrap.min.css" type="text/css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/font-awesome.min.css" type="text/css" rel="stylesheet">
    <script src="${pageContext.request.contextPath}/js/jquery-3.5.1.min.js"></script>
    <style type="text/css">
        *{
            margin: 0px;
            padding: 0px;
        }
    </style>
</head>
<script type="text/javascript">

</script>
<script type="text/css">
    .slider{
        position: absolute;
        top: 50%;
        left: 50%;
           }
    .top{
        /* 设置宽度高度背景颜色 */
        height: auto; /*高度改为自动高度*/
        width:100%;
        margin-left: 0;
        background:rgb(189, 181, 181);
        position: fixed; /*固定在顶部*/
        top: 0;/*离顶部的距离为0*/
        margin-bottom: 5px;
    }
    .top ul{
        /* 清除ul标签的默认样式 */
        width: auto;/*宽度也改为自动*/
        list-style-type: none;
        white-space:nowrap;
        overflow: hidden;
        margin-left: 5%;
        /* margin-top: 0;          */
        padding: 0;

    }
    img{
        width: 150px;
        height: 200px;
    }
</script>
<div class="top：200px">
    <div id="" style="padding-left: 1300px">
        <table border="1" cellpadding="10px" cellspacing="10px">
            <tr><th>
                <h7 align="right"> <a href="login.jsp">登录</a></h7>
            </th>
                <th>
                    <h7 align="right"> <a href="registration.jsp">注册</a></h7>
                </th></tr>
        </table>
    </div>
</div>
<div style="background:url(images/banner.jpg); width:1600px;height:350px;"></div>
<div class="slider" style="padding-left: 700px" >
    <ul class="rslides" id="slider">
        <li>
            <div class="w3ls-slide-text">
                <h3>浏览分类</h3>
            </div></li>

    </ul>
</div>
<div align="center">
    <table>
    <th>
    <td><div style="background:url(images/card.png); width:200px;height:200px;">
        <a href="schoolcard.jsp" class="w3layouts-explore-all"></a>
    </div></td>
    <td><div style="background:url(images/key.png); width:200px;height:200px;">
        <a href="key.jsp" class="w3layouts-explore-all"></a>
    </div></td>
    </th>
        <td><div style="background:url(images/phone.png); width:200px;height:200px;">
            <a href="phone.jsp" class="w3layouts-explore-all"></a>
        </div></td></th>
        <td><div style="background:url(images/book.png); width:200px;height:200px;">
            <a href="book.jsp" class="w3layouts-explore-all"></a>
        </div></td></th>
    </table>
</div>
</div>
<div align="center">
    <div class="focus-grid w3layouts-boder12">
        <a class="btn-8" href="all-classifieds.jsp">
            <div class="focus-border">
                <div class="focus-layout">
                    <div class="focus-image">
                        <i class="fa fa-asterisk"></i>
                    </div>
                    <h4 class="clrchg">所有物品信息</h4>
                </div>
            </div> </a>
    </div>
</div>
<div style="padding-left: 1300px">
    <table border="1" cellpadding="10px" cellspacing="10px">
        <tr><th>
            <a href="postlost.jsp" >上传物品</a></th></tr>
    </table>
</div>
</body>
</html>
